<template>
  <div id="home">
    <router-view />
    <Category />
    <Banner :items="items" />
    <Lists />
  </div>
</template>

<script>
import Banner from "@/components/global/my-banner/index.js";
import Category from "./Category";
import Lists from "./Lists";

export default {
  name: "Home",
  data() {
    return {
      items: [
        require("@/assets/img/1.jpg"),
        require("@/assets/img/2.jpg"),
        require("@/assets/img/1.jpg"),
        require("@/assets/img/2.jpg"),
      ],
    };
  },
  components: {
    Banner,
    Category,
    Lists,
  },
};
</script>

<style>
</style>